<!doctype html>

<html lang="en-US">
<head>
<meta charset="UTF-8" />
<title>关于我们</title>
 <link href="style.css" rel="stylesheet" type="text/css" />
 <!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if IE 6]>
<script src="../js/belatedPNG.js"></script>
<script>
	DD_belatedPNG.fix('*');
</script>
<![endif]--></head>

<body class="normalpage">
<section id="page">
<div id="bodywrap">
<section id="top">
<nav>
<h1 id="sitename">
  <a href="#">Portfolio | Premium CSS Template </a></h1>
  
  <ul id="sitenav">
  	<li><a href="index.html">Home</a></li>
  	<li><a href="services">Services</a></li>
    <li class="current"><a href="about">About</a></li>
    <li><a href="blog">Blog</a></li>
    <li><a href="contact">Contact</a></li>
  
  </ul>
  
</nav>
<header id="normalheader"></header>
</section>
<section id="contentwrap">
<div id="contents" class="normalcontents"><section id="normalpage">

<section id="left">

<h2>About Us</h2>
<article>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nisl urna, aliquam vitae vehicula eu, vulputate nec risus. Suspendisse mollis, purus sed aliquam volutpat, ipsum elit euismod libero, ut lobortis orci risus nec sapien. In magna magna, dictum quis auctor vel, gravida a lorem. Mauris elit sapien, ultricies ac congue at, facilisis at metus. Maecenas imperdiet justo vel dolor eleifend id vulputate erat feugiat. Praesent pharetra, mi blandit venenatis congue, arcu mi pulvinar lectus</p>

<h3>Heading Three</h3>
<p>At rutrum nunc ante in orci. Integer quis odio a massa dignissim sollicitudin eget quis leo. Etiam a mi dolor, nec vestibulum erat. </p>
<ul>
  <li>Aliquam eget elit nibh, at egestas massa. </li>
  <li>Ut pharetra consequat justo, non hendrerit quam tristique pharetra.</li>
  <li> Praesent est justo, congue commodo malesuada ac, fermentum ut odio. </li>
  <li>Pellentesque sit amet eleifend nibh.</li>
</ul>

</article>
<h2>Our Mission</h2>
<article>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nisl urna, aliquam vitae vehicula eu, vulputate nec risus. Suspendisse mollis, purus sed aliquam volutpat, ipsum elit euismod libero, ut lobortis orci risus nec sapien. In magna magna, dictum quis auctor vel, gravida a lorem. Mauris elit sapien, ultricies ac congue at, facilisis at metus. Maecenas imperdiet justo vel dolor eleifend id vulputate erat feugiat. Praesent pharetra, mi blandit venenatis congue, arcu mi pulvinar lectus</p>

<h3>Heading Three</h3>
<p>At rutrum nunc ante in orci. Integer quis odio a massa dignissim sollicitudin eget quis leo. Etiam a mi dolor, nec vestibulum erat. </p>
<ul>
  <li>Aliquam eget elit nibh, at egestas massa. </li>
  <li>Ut pharetra consequat justo, non hendrerit quam tristique pharetra.</li>
  <li> Praesent est justo, congue commodo malesuada ac, fermentum ut odio. </li>
  <li>Pellentesque sit amet eleifend nibh.</li>
</ul>

</article>

<h2>Our Future</h2>
<article>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nisl urna, aliquam vitae vehicula eu, vulputate nec risus. Suspendisse mollis, purus sed aliquam volutpat, ipsum elit euismod libero, ut lobortis orci risus nec sapien. In magna magna, dictum quis auctor vel, gravida a lorem. Mauris elit sapien, ultricies ac congue at, facilisis at metus. Maecenas imperdiet justo vel dolor eleifend id vulputate erat feugiat. Praesent pharetra, mi blandit venenatis congue, arcu mi pulvinar lectus</p>

<h3>Heading Three</h3>
<p>At rutrum nunc ante in orci. Integer quis odio a massa dignissim sollicitudin eget quis leo. Etiam a mi dolor, nec vestibulum erat. </p>
<ul>
  <li>Aliquam eget elit nibh, at egestas massa. </li>
  <li>Ut pharetra consequat justo, non hendrerit quam tristique pharetra.</li>
  <li> Praesent est justo, congue commodo malesuada ac, fermentum ut odio. </li>
  <li>Pellentesque sit amet eleifend nibh.</li>
</ul>

</article>
</section>
<section id="sidebar">
<h2>Testimonials</h2>
<article class="testimonials">
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer egestas purus bibendum neque aliquam ut posuere elit semper. Fusce sagittis pharetra eros, sit amet consequat sem mollis vitae. </p>
<cite>John Doe, New York City</cite>
</blockquote>
<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer egestas purus bibendum neque aliquam ut posuere elit semper. Fusce sagittis pharetra eros, sit amet consequat sem mollis vitae. </p>
<cite>John Doe, New York City</cite>
</blockquote>

<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer egestas purus bibendum neque aliquam ut posuere elit semper. Fusce sagittis pharetra eros, sit amet consequat sem mollis vitae. </p>
<cite>John Doe, New York City</cite>
</blockquote>

<blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer egestas purus bibendum neque aliquam ut posuere elit semper. Fusce sagittis pharetra eros, sit amet consequat sem mollis vitae. </p>
<cite>John Doe, New York City</cite>
</blockquote>
</article>
</section>

<div class="clear"></div>
</section>
</div>
</section>
</div>
<footer id="pagefooter">
<div id="bottom">
<div class="block1">
<h2>Meet The Team</h2>

<div class="teamimg">


<div class="imgthmb">
  <img src="images/team5.jpg" width="65" height="65" alt="team"></div>
  <div class="imgthmb">
  <img src="images/team1.jpg" width="65" height="65" alt="team"></div>
  <div class="imgthmb">
  <img src="images/team2.jpg" width="65" height="65" alt="team"></div>
  <div class="imgthmb">
  <img src="images/team4.jpg" width="65" height="65" alt="team"></div>
  <div class="imgthmb">
  <img src="images/team2.jpg" width="65" height="65" alt="team"></div>
  <div class="imgthmb">
  <img src="images/team1.jpg" width="65" height="65" alt="team"></div>
</div>
</div>
<div class="block2">
<h2>Latest Project</h2>
<div class="projectthmb"> <a href="portfolio"><img src="images/latstproject.jpg" width="240" height="150" alt="project"></a></div>

</div>
<div class="block3">

<h2>More About</h2>
<p>PROFESSIONAL PORTFOLIO is a Template suitable for Businesses, Web Design Firms or any I.T related company that require a place to showcase their works. 
This template is released under Creative Commons Attribution License. </p>

</div>
<div class="clear"></div>
</div>
<div id="credits">
<p>
<span class="copyright">
&copy; 2010 | Your Company Name |  All Rights Reserved | Professional Portfolio is a CSS Template relealsed collect from www.cssmoban.com</span>
<span id="designcredit">
<!--Creative Common Non-Commercial, Attribution License
Designed by : Roshan Ravi
Author URI : cssheaven.org
Do Not Remove this Credits and Link back to CSSHeaven from the template-->
<a href="http://www.cssmoban.com/" title="网站模板" target="_blank">网站模板</a>
<!--Design Credits--> collect from www.cssmoban.com </span>
</p>
</div>
</footer>

</section>
</body>
</html>
